﻿@{
    ViewBag.Title = "Home Page";
}

@{List<SelectListItem> equipos = new List<SelectListItem>();
    equipos.Add(new SelectListItem
    {
        Text = "Seleccione un equipo",
        Value = "0"
    });  
    equipos.Add(new SelectListItem
    {
        Text = "Brasil",
        Value = "1"
    });
    equipos.Add(new SelectListItem
    {
        Text = "España",
        Value = "2"
    });
    equipos.Add(new SelectListItem
    {
        Text = "Italia",
        Value = "3"
    });
    equipos.Add(new SelectListItem
    {
        Text = "Japón",
        Value = "4"
    });
    equipos.Add(new SelectListItem
    {
        Text = "México",
        Value = "5"
    });
    equipos.Add(new SelectListItem
    {
        Text = "Nigeria",
        Value = "6"
    });
    equipos.Add(new SelectListItem
    {
        Text = "Uruguay",
        Value = "7"
    });
    equipos.Add(new SelectListItem
    {
        Text = "Tahití",
        Value = "8"
    });
}

@{List<SelectListItem> equiposA = new List<SelectListItem>();
    equiposA.Add(new SelectListItem
    {
        Text = "Seleccione un equipo",
        Value = "0"
    });  
    equiposA.Add(new SelectListItem
    {
        Text = "Brasil",
        Value = "1"
    });
    equiposA.Add(new SelectListItem
    {
        Text = "Italia",
        Value = "3"
    });
    equiposA.Add(new SelectListItem
    {
        Text = "Japón",
        Value = "4"
    });
    equiposA.Add(new SelectListItem
    {
        Text = "México",
        Value = "5"
    });
}

@{List<SelectListItem> equiposB = new List<SelectListItem>();
    equiposB.Add(new SelectListItem
    {
        Text = "Seleccione un equipo",
        Value = "0"
    });
    equiposB.Add(new SelectListItem
    {
        Text = "España",
        Value = "2"
    });
    equiposB.Add(new SelectListItem
    {
        Text = "Nigeria",
        Value = "6"
    });
    equiposB.Add(new SelectListItem
    {
        Text = "Uruguay",
        Value = "7"
    });
    equiposB.Add(new SelectListItem
    {
        Text = "Tahití",
        Value = "8"
    });
    
    Response.Cache.SetCacheability(HttpCacheability.NoCache);
}

@*<div id="ventanaPronosticos" style="display:none; z-index:999; width:80%; height:1330px; position:absolute; border:solid black 5px; background-color:White">
    @using (Ajax.BeginForm("VerPronostico", "Home", new AjaxOptions { UpdateTargetId = "divPronostico", LoadingElementId = "ajax-loader2" }))
    {
        <div style="margin-top:15px; margin-left:25%; width:10%; float:left">Código:</div>
        <div style="margin-top:12px; width:20%; float:left"><input name="token" type="text" style="width:80%" /></div>
        <div style="margin-top:10px; width:10%;float:left"><input type="submit" value="Mostrar!"/></div>
        <div style="height:40px; width:15%; float:left"><img id="ajax-loader2" src="/Content/img/ajax-loader.gif" style="display:none; height:16px; width:16px; margin-top:18px"></div> 
        <br />
    }
    <div style="height:50px"><a id="botonCerrarPronosticos" href="javascript:void(0)" onclick="toggleDivDelantero('ventanaPronosticos')">Cerrar</a></div>
    <div id="divPronostico" style="margin-left:20%"></div>
</div>

<div id="ventanaContacto" style="display:none; z-index:999; width:80%; height:1330px; position:absolute; border:solid black 5px; background-color:White">
    @using (Ajax.BeginForm("EnviarMail", "Home", new AjaxOptions { UpdateTargetId = "divMensajeMail", LoadingElementId = "ajax-loader3" }))
    {
        <div style="margin-left:90%; height:50px"><a id="botonCerrarContacto" href="javascript:void(0)" onclick="toggleDivDelantero('ventanaContacto')">Cerrar</a></div>
        <div style="margin-left:10%; width:8%; float:left">Tu e-mail:</div><div><input type="text" name="mail"/></div>
        <br />
        <div>@Html.TextArea("mensaje", new { style = "margin-left:10%; width:80%; height:200px" })</div>
        <div style="margin-left:50%; width:8%; float:left"><input type="submit" value="Enviar"/></div>
        <div style="width:3%; float:left"><img id="ajax-loader3" src="/Content/img/ajax-loader.gif" style="display:none; height:16px; width:16px; margin-top:10px"></div>
        <br />
        <br />
        <div style="margin-left:10%" id="divMensajeMail"></div>
    }
</div>

<div id="ventanaReglamento" style="display:none; z-index:999; width:80%; height:1330px; position:absolute; border:solid black 5px; background-color:White">
    <div style="width:80%; float:left">
    <div style="height:60px; margin-left:96%"><a id="botonCerrarReglamento" href="javascript:void(0)" onclick="toggleDivDelantero('ventanaReglamento')">Cerrar</a></div>
    <div style="margin-left:10%">REGLAMENTO GENERAL</div>
    <br />
    <div style="margin-left:10%">
        La penca funcionará de la siguiente forma:
    </div>
    <br />
    <div style="margin-left:10%">Cada participante debe completar via web y antes del  comienzo de la copa el pronóstico de los partidos y preguntas especiales.
            Una vez comenzada se registarán los resultados quedando automáticamente generado el puntaje de cada particpante, que será asignado de la siguiente manera:
    </div>
    <br />
    <div style="margin-left:10%">-13 puntos por acierto al ganador del partido, o empate del mismo *</div>
    <div style="margin-left:10%">-7 puntos extra por acierto al resultado exacto *</div>
    <div style="margin-left:10%">-19 puntos por acertar el campeón del torneo</div>
    <div style="margin-left:10%">-15 puntos por acertar el vice-campeón</div>
    <div style="margin-left:10%">-11 puntos por acertar el tercer puesto</div>
    <div style="margin-left:10%">-19 puntos por acertar cual será el equipo en convertir más goles **</div>
    <div style="margin-left:10%">-23 puntos por acertar la cantidad total de goles que se convertirá en el torneo</div>
    <br />
    <div style="margin-left:10%">*En caso de ser un partido de segunda fase para considerarse acertado el resultado debe haberse acertado también los rivales que juegan el partido.</div>
    <br />
    <div style="margin-left:10%">**En caso de haber más de un equipo empatado, se dará el puntaje a los que acierten alguno de esos equipos</div>
    <br />
    <div style="margin-left:10%">El costo de la penca es de $60</div>
    <br />
    <div style="margin-left:10%">El premio para el que alcance el mayor puntaje será un vale valor $4000 para compras en sección deportes de la cooperativa bancaria</div>
    </div>
    
</div>

<div style="margin-left:12%; width:20%;float:left"><input id="inputVerPronostico" type="submit" value="Ver Pronóstico" onclick="toggleDivDelantero('ventanaPronosticos')"/></div>
<div style="width:25%; float:left"><input id="inputVerTabla" type="submit" value="Tabla de posiciones" onclick='$("#tablaPosiciones").click()'/></div>
<div style="width:15%; float:left"><input id="inputContacto" type="submit" value="Contacto" onclick="toggleDivDelantero('ventanaContacto')"/></div>
<div><input id="inputReglamento" type="submit" value="Reglamento" onclick="toggleDivDelantero('ventanaReglamento')"/></div>
<br />
<br />
<br />*@

@using (Ajax.BeginForm("EnviarPronostico", "Home", new AjaxOptions { UpdateTargetId = "divMensaje", LoadingElementId = "ajax-loader" }))
{
<div id="mailContainer" style="margin-left:35%; margin-right:40%"><div style="width:20.5%; float:left">E-mail:</div><div><input id="email" name="email"   onkeydown = "return (event.keyCode!=13);"/></div></div>
<div style="margin-left:35%"><div style="width:8%; float:left">Código:</div><div><input name="token"   onkeydown = "return (event.keyCode!=13);"/></div></div>
    <br />
    <br />
@*@Html.ActionLink("Ver mi pronostico", "VerPronostico", "Home", null, new{target = "_blank"})*@

    <div style="width:20%; height:800px; float:left"><img src="../../Content/img/escudo.jpg" style="width:80%"/></div>
        
    <div style="margin-left:20%;">
        <b><div style="font-size:large">GRUPO A</div></b>

        <br />

        <div style="float:left; width:11%; margin-top:4px">15 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">Brasil</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Brasil.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado1" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="1" value="0-0" readonly="readonly";/></div>
        <div id="resultSelect1" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Japon.png" width="60%" style="border:solid black 1px" alt=""></div>
        <div style="margin-top:4px">Japón</div>
        
        
        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">16 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">México</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Mexico.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado2" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="2" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect2" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Italia.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">Italia</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">19 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">Brasil</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Brasil.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado3" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="3" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect3" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Mexico.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">México</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">19 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">19:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">Italia</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Italia.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado4" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="4" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect4" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Japon.png" width="60%" style="border:solid black 1px" alt=""/></div>
        <div style="margin-top:4px">Japón</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">22 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">Italia</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Italia.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado5" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="5" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect5" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Brasil.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">Brasil</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">22 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">Japón</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Japon.png" style="border:solid black 1px" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado6" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="6" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect6" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Mexico.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">México</div>
        
        
        <div>&nbsp;</div>

        <br />

        <b><div style="font-size:large">GRUPO B</div></b>

        <br />


        <div style="float:left; width:11%; margin-top:4px">16 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">19:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">España</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Espana.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado7" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="7" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect7" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Uruguay.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">Uruguay</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">17 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">Tahití</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Tahiti.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado8" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="8" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect8" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Nigeria.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">Nigeria</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">20 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">España</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Espana.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado9" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="9" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect9" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Tahiti.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">Tahití</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">20 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">19:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">Nigeria</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Nigeria.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado10" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="10" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect10" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Uruguay.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">Uruguay</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">23 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">Nigeria</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Nigeria.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado11" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="11" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect11" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Espana.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">España</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">23 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">Uruguay</div>
        <div style="float:left; width:6%; margin-top:4px"><img src="/Content/img/Uruguay.png" width="60%" alt=""/></div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado12" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="12" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect12" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px"><img src="/Content/img/Tahiti.png" width="60%" alt=""/></div>
        <div style="margin-top:4px">Tahití</div>


        <div>&nbsp;</div>


        <br />

        <b><div style="font-size:large">SEGUNDA FASE</div></b>

        <br />

        <div style="float:left; width:11%; margin-top:4px">26 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">@Html.DropDownList("primeroA", equiposA, new { style = "width:80%; margin-top:-2px" })</div>
        <div style="float:left; width:6%; margin-top:4px">1º A</div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado13" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="13" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect13" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px">2º B</div>
        <div style="margin-top:4px">@Html.DropDownList("segundoB", equiposB, new { style = "width:11%; margin-top:-2px" })</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">27 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">16:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">@Html.DropDownList("primeroB", equiposB, new { style = "width:80%; margin-top:-2px" })</div>
        <div style="float:left; width:6%; margin-top:4px">1º B</div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado14" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="14" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect14" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px">2ª A</div>
        <div style="margin-top:4px">@Html.DropDownList("segundoA", equiposA, new { style = "width:11%; margin-top:-2px" })</div>
        
        
        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">30 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">13:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">@Html.DropDownList("perdedorCruce1", equipos, new { style = "width:80%; margin-top:-2px" })</div>
        <div style="float:left; width:6%; margin-top:4px">Per. 1</div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado15" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="15" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect15" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px">Per. 2</div>
        <div style="margin-top:4px">@Html.DropDownList("perdedorCruce2", equipos, new { style = "width:11%; margin-top:-2px" })</div>


        <div>&nbsp;</div>


        <div style="float:left; width:11%; margin-top:4px">30 de Junio</div>
        <div style="float:left; width:6%; margin-top:4px">19:00</div>
        <div style="float:left; width:14%; margin-top:4px; text-align:right; margin-right:2%">@Html.DropDownList("ganadorCruce1", equipos, new { style = "width:80%; margin-top:-2px" })</div>
        <div style="float:left; width:6%; margin-top:4px">Gan. 1</div>
        <div style="float:left; width:7%; margin-top:4px"><input name="resultado16" class="resultField" onkeydown = "return (event.keyCode!=13);" resultSelect="16" value="0-0" style="width:100%; text-align:center" readonly="readonly"/></div>
        <div id="resultSelect16" class="resultSelect"></div>
        <div style="float:left; width:6%; margin-left:3%; margin-top:4px">Gan. 2</div>
        <div style="margin-top:4px">@Html.DropDownList("ganadorCruce2", equipos, new { style = "width:11%; margin-top:-2px" })</div>


        <div>&nbsp;</div>
        <br />
        <br />

        <div style="width:15%; float:left; margin-left:15%">Campeón:</div><div>@Html.DropDownList("campeon", equipos)</div>
        <div style="width:15%; float:left; margin-left:15%">Segundo:</div><div>@Html.DropDownList("segundo", equipos)</div>
        <div style="width:15%; float:left; margin-left:15%">Tercero:</div><div>@Html.DropDownList("tercero", equipos)</div>
        <div style="width:15%; float:left; margin-left:15%">Más goles:</div><div>@Html.DropDownList("masGoles", equipos)</div>
        <div style="width:15%; float:left; margin-left:15%">Total goles:</div><div><input class="numbersOnly" id="cantGoles" name="cantGoles" placeholder="0" maxlength="4" onpaste="return false" style="width:10%; text-align:center"/></div>

        

    </div>
    
    <br />
    <br />
    
    <input id="resultados" name="resultados" type="hidden" value=""/>
    <input id="resultadosEspeciales" name="resultadosEspeciales" type="hidden" value=""/>
    
    <div style="margin-left:20%; width:16%; float:left"><input type="submit" value="Enviar Pronóstico" onclick="return cargarResultados()"/></div>
    <div style="width:50%; float:left"><img id="ajax-loader" src="/Content/img/ajax-loader.gif" style="display:none; height:16px; width:16px; margin-top:7px"></div> 
    <div>&nbsp</div>
       <br />    
    <div style="margin-left:20%" id="divMensaje"></div>
    <input id="algunResultAbierto" type="hidden" value="false"/>
}


@using (Html.BeginForm("VerTabla", "Home"))
{
    <input style="display:none" type="submit" id="tablaPosiciones" value=""/>
}

<script type="text/javascript">

    function cargarResultados() {

        var textBoxEmail = $("#email");
        var mailContainer = $("#mailContainer");
        var emailAddress = textBoxEmail.val();

        //Si puso mal el e-mail scrolleo hacia el control y lo pongo rojo
        if (!isValidEmailAddress(emailAddress)) {
            $('html, body').stop().animate({
                scrollTop: $("#email").offset().top - 5
            }, 1500, 'easeInOutExpo');
            textBoxEmail.css("background-color", "#FFE6E6");
            mailContainer.delay(1500).animate({ backgroundColor: '#FFFF66' }, 100);
            mailContainer.delay(100).animate({ backgroundColor: '#FFFFFF' }, 1500);
            //Retorno false para que el botón no lleve a cabo ninguna acción
            return false;
        }
        
        //Se cargan los resultados ingresados para pasarle al controlador
        var retorno = "";
        for (var i = 1; i < 16; i++) {
            retorno = retorno + i + ";" + $("input[name=resultado" + i + "]").val() + ";";
        }
        retorno = retorno + i + ";" + $("input[name=resultado16]").val();
        $("#resultados").val(retorno);

        var cantGoles;
        //Evito que envíe vacío el input de cantidad total de goles
        if ($("#cantGoles").val() == "") {
            cantGoles = "0";
        }
        else {
            cantGoles = $("#cantGoles").val();
        }

        var resultadosEspeciales = $("#primeroA").val() + ";" + $("#segundoB").val() + ";"
         + $("#primeroB").val() + ";" + $("#segundoA").val() + ";" + $("#perdedorCruce1").val() + ";"
         + $("#perdedorCruce2").val() + ";" + $("#ganadorCruce1").val() + ";" + $("#ganadorCruce2").val() + ";"
         + $("#campeon").val() + ";" + $("#segundo").val() + ";" + $("#tercero").val() + ";"
         + $("#masGoles").val() + ";" + cantGoles;
        $("#resultadosEspeciales").val(resultadosEspeciales);
        textBoxEmail.css("background-color", "#FFFFFF");
        return true;
    }

    function togglePart2(divNum) {
        $("#verMasResultados" + divNum).hide();
        $(".secondaryResult").toggle("slow");
        $("#resultSelect" + divNum).animate({height:'400px'},800);
    }

    function closeResult(resultNum) {
        $("[name='resultado" + resultNum + "']").val($("#bigResult" + resultNum).html());
        $("#algunResultAbierto").val("false");
        $("#resultSelect" + resultNum).css("height", "190px");
        $("#resultSelect" + resultNum).toggle("slow");
    }

    $(".numbersOnly").bind('keypress', function (e) {
        return !(e.which != 8 && e.which != 0 &&
                (e.which < 48 || e.which > 57) && e.which != 46);
    });
</script>
    
    